﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ucContact.ascx.cs" Inherits="usercontrols_ucContact" %>
<%@ Register Assembly="NatsNet.Web.UI.Controls" Namespace="NatsNet.Web.UI.Controls" TagPrefix="cc1" %>
<style>
    .two-third.no-margin
    {
        width: 66.666%;
        float: left;
    }

    .one-third.no-margin
    {
        width: 33.333%;
        float: left;
    }

    .column-content.contact-details
    {
        color: rgba(255,255,255,0.9);
        background: rgba(255,255,255,0.1);
    }

    .about .column-content, .contact .column-content
    {
        margin: 0 2.5px;
        padding: 30px 30px;
        font-size: 14px;
        line-height: 20px;
        color: #727272;
        background-color: #fff;
    }

    .contact .column-content h3 {
font-size: 20px;
line-height: 26px;
color: #222;
font-weight: normal;
text-transform: uppercase;
padding-bottom: 10px;
border-bottom: 1px solid #dedede;
margin-bottom: 10px;
}

    .column-content.contact-details ul {
list-style: none;
padding-top: 15px;
}

    .column-content.contact-details li {
padding-bottom: 15px;
font-size: 13px;
line-height: 20px;
clear: both;
}

.column-content.contact-details {
    background: #487797;
    color: rgba(255, 255, 255, 0.9);
}

    .single_article_content table span
    {
        color: #555555;
        font: bold 13px/1.48em tahoma;
    }

    .single_article_content table input
    {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: #CFCFCF #DDDDDD #DDDDDD;
        border-image: none;
        border-radius: 2px 2px 2px 2px;
        border-style: solid;
        border-width: 1px;
        box-shadow: none;
        color: #666666;
        font-size: 14px;
        margin-bottom: 0;
        padding: 5px 7px;
        width: 292px;
    }

        .single_article_content table input:focus
        {
            -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            -moz-border-right-colors: none;
            -moz-border-top-colors: none;
            border-color: #F2BA49 #F2C05C #F2C05C;
            border-image: none;
            border-style: solid;
            border-width: 1px;
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.05) inset, 0 1px #FEFEFE;
        }

    .OKBtn
    {
        cursor: pointer;
        border: 1px solid !important;
        float: left;
        margin: 20px 20px;
        display: inline-block;
        color: #444;
        padding: 5px 25px;
        font: bold 16px arial;
        letter-spacing: -.01em;
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
        border-color: #ddd #ddd #c6c6c6 !important;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        background: none #f2f2f2;
        filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#f6f6f6, endColorStr=#f0efef);
        background: -webkit-gradient(linear, 0% 0%, 0 30%, from(#f6f6f6), to(#f0efef)) #f2f2f2;
        background: -webkit-linear-gradient(top, #f6f6f6, #f0efef) #f2f2f2;
        background: -moz-linear-gradient(top, #f6f6f6, #f0efef) #f2f2f2;
        background: -ms-linear-gradient(top, #f6f6f6, #f0efef) #f2f2f2;
        background: -o-linear-gradient(top, #f6f6f6, #f0efef) #f2f2f2; /* Opera 11.10+ */
        box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 0 rgba(255, 255, 255, 0.4) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.2) inset, -1px 0 0 0 rgba(255, 255, 255, 0.3) inset;
        -moz-box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 0 rgba(255, 255, 255, 0.4) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.2) inset, -1px 0 0 0 rgba(255, 255, 255, 0.3) inset;
        -webkit-box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 0 rgba(255, 255, 255, 0.4) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.2) inset, -1px 0 0 0 rgba(255, 255, 255, 0.3) inset;
    }

        .OKBtn:hover
        {
            border: 1px solid #b9b9b9 !important;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 3px #fff inset;
            -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 3px #fff inset;
            -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 3px #fff inset;
        }

        .OKBtn:active
        {
            padding: 6px 25px 4px;
            border: 1px solid #b9b9b9 !important;
            background: none #d3d7dc;
            filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#efeff0, endColorStr=#e2e4e5);
            background: #d3d7dc -webkit-gradient(linear, 0% 0%, 0 30%, from(#efeff0), to(#e2e4e5));
            background: -webkit-linear-gradient(top, #efeff0, #e2e4e5) #d3d7dc;
            background: -moz-linear-gradient(top, #efeff0, #e2e4e5) #d3d7dc;
            background: -ms-linear-gradient(top, #efeff0, #e2e4e5) #d3d7dc;
            background: -o-linear-gradient(top, #efeff0, #e2e4e5) #d3d7dc;
            box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3) inset;
            -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3) inset;
            -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3) inset;
        }
        /*color*/
        .OKBtn.red
        {
            color: #fff;
            text-shadow: 0 1px #670b0e;
            border-color: #eb5e5e #dd5858 #c64444 !important;
            background: none #e15356;
            filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ef605d, endColorStr=#db4d52);
            background: -webkit-gradient(linear, 0% 0%, 0 30%, from(#ef605d), to(#db4d52)) #e15356;
            background: -webkit-linear-gradient(top, #ef605d, #db4d52) #e15356;
            background: -moz-linear-gradient(top, #ef605d, #db4d52) #e15356;
            background: -ms-linear-gradient(top, #ef605d, #db4d52) #e15356;
            background: -o-linear-gradient(top, #ef605d, #db4d52) #e15356; /* Opera 11.10+ */ /*box-shadow: 0 -15px 15px #db4d52 inset, 0 0 0 #ef605d inset, 0 0 0 #ef605d inset;
	-moz-box-shadow: 0 -15px 15px #db4d52 inset, 0 0 0 #ef605d inset, 0 0 0 #ef605d inset;
	-webkit-box-shadow: 0 -15px 15px #db4d52 inset, 0 0 0 #ef605d inset, 0 0 0 #ef605d inset;*/
        }

        .OKBtn.red:hover
        {
            border-color: #c64444 !important;
            background: none #ed6c6d;
            filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#f57572, endColorStr=#e76569);
            background: -webkit-gradient(linear, 0% 0%, 0 30%, from(#f57572), to(#e76569)) #ed6c6d;
            background: -webkit-linear-gradient(top, #f57572, #e76569) #ed6c6d;
            background: -moz-linear-gradient(top, #f57572, #e76569) #ed6c6d;
            background: -ms-linear-gradient(top, #f57572, #e76569) #ed6c6d;
            background: -o-linear-gradient(top, #f57572, #e76569) #ed6c6d; /* Opera 11.10+ */
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 3px #fed8d7 inset;
            -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 3px #fed8d7 inset;
            -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 3px #fed8d7 inset;
        }

        .OKBtn.red:active
        {
            border-color: #a23939 !important;
            box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3) inset;
            -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3) inset;
            -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3) inset;
            background: none #d3d7dc;
            filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#e25b59, endColorStr=#ce4b50);
            background: #d3d7dc -webkit-gradient(linear, 0% 0%, 0 30%, from(#e25b59), to(#ce4b50));
            background: -webkit-linear-gradient(top, #e25b59, #ce4b50) #d3d7dc;
            background: -moz-linear-gradient(top, #e25b59, #ce4b50) #d3d7dc;
            background: -ms-linear-gradient(top, #e25b59, #ce4b50) #d3d7dc;
            background: -o-linear-gradient(top, #e25b59, #ce4b50) #d3d7dc;
        }

    table td
    {
        padding-top: 5px;
    }

    .td1
    {
        padding-left:20px;
    }

</style>

<div class="full-row contact">
    <div class="two-third no-margin">
        <div class="cat_article">
            <div id="article_content">
                <div style="padding-left: 20px">
                    <asp:ValidationSummary ID="valError1" ValidationGroup="vSave" runat="server" EnableClientScript="False"></asp:ValidationSummary>
                    <asp:CustomValidator ID="SaveValidate1" ValidationGroup="vSave" runat="server" Display="None"
                        ErrorMessage="CustomValidator" /><div class="Spacer">
                        </div>
                </div>
                <div style="float:left; margin-top:20px;">                    
                    <span">
                        <img height="400" src="images/image021.jpg" style="border: 0px;" v:shapes="_x0000_i1026" width="276" />
                    </span>              
                </div>
                <div style="margin-left:300px; padding-top:10px; padding-right:0px">
                    <table class="tb">
                    <tr>
                        <td class="td1">
                            <asp:Label ID="lblContactName" CssClass="Caption" runat="server" Text="Tên người gửi"></asp:Label>
                            &nbsp;<asp:RequiredFieldValidator ID="rfvLinkWebName" runat="server" ControlToValidate="txtUsername"
                                Display="Dynamic" ErrorMessage="Phải nhập" SetFocusOnError="True" ValidationGroup="vAdd">(*)</asp:RequiredFieldValidator>
                        </td>
                        <td>
                            <asp:TextBox ID="txtUsername" size="50" runat="server" Width="400px"></asp:TextBox>
                        </td>
                    </tr>
                    <tr class="trEmpty">
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td class="td1">
                            <asp:Label ID="Label1" runat="server" CssClass="Caption" Text="Email"></asp:Label>
                            &nbsp;<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtEmail"
                                Display="Dynamic" ErrorMessage="Phải nhập" SetFocusOnError="True" ValidationGroup="vAdd">(*)</asp:RequiredFieldValidator>
                            <asp:RegularExpressionValidator ID="revEmail" runat="server" ControlToValidate="txtEmail"
                                ValidationGroup="vAdd" Display="Dynamic" SetFocusOnError="True" ErrorMessage="Không phải Email"
                                ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*">(*)</asp:RegularExpressionValidator>
                        </td>
                        <td>
                            <asp:TextBox ID="txtEmail" runat="server" size="50" Width="400px"></asp:TextBox>
                        </td>
                    </tr>
                    <tr class="trEmpty">
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td class="td1">
                            <asp:Label ID="Label2" runat="server" CssClass="Caption" Text="Điện thoại"></asp:Label>
                        </td>
                        <td>
                            <asp:TextBox ID="txtPhone" runat="server" size="50" Width="400px"></asp:TextBox>
                        </td>
                    </tr>
                    <tr class="trEmpty">
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td class="td1">
                            <asp:Label ID="Label3" runat="server" CssClass="Caption" Text="Địa chỉ"></asp:Label>
                        </td>
                        <td>
                            <asp:TextBox ID="txtAddress" runat="server" size="50" Width="400px"></asp:TextBox>
                        </td>
                    </tr>
                    <tr class="trEmpty">
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td class="td1">
                            <asp:Label ID="Label5" runat="server" CssClass="Caption" Text="Tiêu đề"></asp:Label>
                            &nbsp;<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtTitle"
                                Display="Dynamic" ErrorMessage="Phải nhập" SetFocusOnError="True" ValidationGroup="vAdd">(*)</asp:RequiredFieldValidator>
                        </td>
                        <td>
                            <asp:TextBox ID="txtTitle" runat="server" size="50" Width="400px"></asp:TextBox>
                        </td>
                    </tr>
                    <tr class="trEmpty">
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td class="td1">
                            <asp:Label ID="Label6" runat="server" CssClass="Caption" Text="Nội dung"></asp:Label>
                            &nbsp;<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="txtContent"
                                Display="Dynamic" ErrorMessage="Phải nhập" SetFocusOnError="True" ValidationGroup="vAdd">(*)</asp:RequiredFieldValidator>
                        </td>
                        <td>
                            <asp:TextBox ID="txtContent" runat="server" Height="200px" TextMode="MultiLine" size="50"
                                Width="400px"></asp:TextBox>
                        </td>
                    </tr>
                    <tr class="trEmpty">
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>
                            <asp:Button ID="btnSend" runat="server"  Width="80px" class="submitButton OKBtn red" Text="Gửi" ValidationGroup="vAdd" OnClick="btnSend_Click" />                            
                        </td>
                    </tr>
                </table>
                </div>
            </div>
        </div>
    </div>
    <div class="one-third no-margin">
        <div class="column-content contact-details">
            <h3>Liên LẠC</h3>
            <ul>
                <li>
                    <i class="icon-phone"></i>
                   SDT: 0989958941
                </li>
                <li>
                    <i class="icon-envelope"></i>
                   ĐC mail: Hoaithuongbabylove@gmail.com
                </li>
                <li>
                    <i class="icon-skype"></i>
                   Người quản lý:  Nguyễn Thị Hoài Thương
                </li>
                <li>
                    <i class="icon-facebook"></i>
                    <a href="http://facebook.com/atm" wrc_done="true">facebook.com/atm</a>&nbsp;<span class="wrc_icon wrc13" rating="{&quot;icon&quot;:&quot;green3-16.png&quot;,&quot;rating&quot;:1,&quot;weight&quot;:3,&quot;flags&quot;:{&quot;shopping&quot;:null,&quot;social&quot;:null,&quot;news&quot;:null,&quot;it&quot;:null,&quot;corporate&quot;:null,&quot;pornography&quot;:null,&quot;violence&quot;:null,&quot;gambling&quot;:null,&quot;drugs&quot;:null,&quot;illegal&quot;:null}}"></span>
                </li>
            </ul>
        </div>
    </div>
</div>
